<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>

</body>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>

<img class="preview" src="" style="width: 250px;"/>
<button class="btn" style="width: 200px;height: 100px;background-color: red;">点击我</button>
<input id="ig" type="hidden" name="media_id" value="{$ig}">

<script>
    /*
     * 注意：
     * 1. 所有的JS接口只能在公众号绑定的域名下调用，公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
     * 2. 如果发现在 Android 不能分享自定义内容，请到官网下载最新的包覆盖安装，Android 自定义分享接口需升级至 6.0.2.58 版本及以上。
     * 3. 常见问题及完整 JS-SDK 文档地址：http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
     *
     * 开发中遇到问题详见文档“附录5-常见错误及解决办法”解决，如仍未能解决可通过以下渠道反馈：
     * 邮箱地址：weixin-open@qq.com
     * 邮件主题：【微信JS-SDK反馈】具体问题
     * 邮件内容说明：用简明的语言描述问题所在，并交代清楚遇到该问题的场景，可附上截屏图片，微信团队会尽快处理你的反馈。
     */


    $(document).ready(function () {

        $.ajax({
            type: "POST",
            url: "http://yx.fxtourong.com/V1/Wechat/getSignPackage",
            data: {
                token: '3d46ccccc872e1babe794ffdc43adb2625e2b7b2',
                url: location.href.split('#')[0],
                verify:'yin@xiong8_(fx-tourong'
            },
            dataType: "json",
            success: function(data){
                wx.config({
                    debug: true,
                    appId: data.data.appId,
                    timestamp: data.data.timestamp,
                    nonceStr: data.data.nonceStr,
                    signature: data.data.signature,
                    jsApiList: [
                        // 所有要调用的 API 都要加到这个列表中
                        'chooseImage',
                        'uploadImage',
                        'previewImage',
                        'uploadImage',
                        'uploadImage',
                    ]
                });
            }
        });


        wx.ready(function () {
            var images = {
                localId: [],
                serverId: []
            };

            // 在这里调用 API
            $('.btn').on('click', function(){
                var that = $(this);
                wx.chooseImage({
                    count: 3, // 默认9
                    sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
                    sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
                    success: function (res) {
                        images.localId = res.localIds;// 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片
                        document.write("<img src="+images.localId+">");

                        if (localId.length == 0) {
                            alert('请先使用 chooseImage 接口选择图片');
                            return;
                        }
                        if (localId.length > 1) {
                            alert('目前仅支持单张图片上传,请重新上传');
                            images.localId = [];
                            return;
                        }
                        var i = 0,
                        length = images.localId.length;
                        images.serverId = [];

                        function upload() {
                            alert(41);
//                            wx.uploadImage({
//                                localId: images.localId[i],
//                                success: function(res) {
//                                    alert(21);
//                                    i++;
//                                    // 返回图片的服务器端ID,serverId 即 media_id
//                                    var media_id = res.serverId;
//                                    that.siblings('img.preview').attr('src', images.localId[0]);
//                                    // 对隐藏域赋值传到后台处理
//                                    that.siblings("input[name='media_id']").val(media_id);
//                                    images.serverId.push(res.serverId);
//                                    // 现在只能单张
//                                    if (i < length) {
//                                        upload();
//                                    }
//                                    alert(21);
//                                },
//                                fail: function(res) {
//                                    alert(12);
//                                    alert(JSON.stringify(res));
//                                }
//                            });
                        }
                        upload();

                    }
                });
            });
        });
    })


</script>
</html>